<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <title>Fogón del fuego</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap-responsive.min.css">
    <link rel="stylesheet" type="text/css" href="../css/styles.css">
    <script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../js/main.js"></script>
</head>
<body>
	<section id="main-section">
		<header>
			<img src="../images/logo.png" alt="Logo El Fogón del Arte"/>
		</header>
		<nav id="wrap-dd-menu" class="public">
			<ul id="dd-menu">
				<li id="home-li">Conócenos</li>
				<li id="reservation-li">Reservas y promociones</li>
				<li id="menu-li">Nuestra selección</li>
				<li id="contact-li">Contacto</li>
				<li id="login-li">Entrar/Registrarse</li>
			</ul>
		</nav>
		<footer>
			<ul>
				<li class="map-icon">Avda. Alfonso Molina nº 999 Edificio 4 bajo A</li>
				<li class="phone-icon">999-999-999</li>
				<li class="email-icon">contacto@fogondelarte.es</li>
			</ul>
		</footer>
    </section>
		<section id="home" class="content-section selected scrollable-y">
			<article id ="conocenos">
				<header>
					<h3>Conócenos</h3>
				</header>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris aliquet luctus nisl ac malesuada. Integer at leo ut justo iaculis tincidunt. Integer egestas nisi euismod est lobortis commodo. Suspendisse potenti. Vivamus tincidunt viverra nunc, nec fringilla nisi pretium sit amet. Nulla imperdiet arcu convallis arcu commodo vestibulum. Duis eget dolor velit. Ut eu est ut nunc gravida commodo eu lobortis massa. 
			 </p>
			 <p>
Nam non justo est. Nunc pretium dolor non augue tristique auctor eu id sem. In sollicitudin mi eget sem aliquam adipiscing. Morbi molestie augue vel risus convallis at aliquet mi posuere. Sed rutrum, urna vitae malesuada mattis, dui tellus dignissim purus, vitae pretium nulla risus vel tortor. 
</p>
<p>
In rhoncus molestie tellus at tincidunt. Mauris nec porta tortor. Proin auctor nisi et dui commodo auctor tristique est tristique. Quisque vitae velit in odio fringilla adipiscing. Ut eleifend sollicitudin porttitor. Nunc risus sapien, molestie nec gravida nec, aliquet ac lectus. Aenean adipiscing ullamcorper enim, eget sagittis velit vulputate eget. Vestibulum in consectetur dui. Nulla vel elit ligula. Suspendisse aliquam posuere euismod.
</p> 
			</article>
		</section>
		<section id="reservation" class="content-section hide scrollable-y">
			<article>
				<header>
					<h4>Reservas</h4>
				</header>
			
			<p>¿Aún no has probado nuestro servicio de reservas online? ¿A qué esperas? Regístrate ya! </p>
			<p>Ingresa con tu usuario y disfrutra de la posibilidad de las reservas online. Reserva tu mesa preferida, los menús, ¡o incluso configura 
			tu propio menú completamente personalizado </p>
			<p><a href="#">¡Ingresa o regístrate ya!</a></p>
		</article>
		<div class="reservation-icons">
			<img src="../images/win.png" alt="Winning"/>
			<img src="../images/ticket.png" alt="Ticket free"/> 
		</div>
		<article>
				<header>
					<h4>Promociones</h4>
				</header>
			
			<p>Utiliza la plataforma online y benefíciate de numerosas ventajas. En el Fogón del Arte apreciamos tu opinión, nos servirá como feedback para una mejora constante y ofrecerte el mejor servicio posible. </p>
			<p>
In rhoncus molestie tellus at tincidunt. Mauris nec porta tortor. Proin auctor nisi et dui commodo auctor tristique est tristique. Quisque vitae velit in odio fringilla adipiscing. Ut eleifend sollicitudin porttitor. Nunc risus sapien, molestie nec gravida nec, aliquet ac lectus. Aenean adipiscing ullamcorper enim, eget sagittis velit vulputate eget. Vestibulum in consectetur dui. Nulla vel elit ligula. Suspendisse aliquam posuere euismod.
</p>
		</article>
		</section>
		<section id="menu" class="content-section hide scrollable-y">
			<article>
				<header>
					<h4>Menú del día</h4>
				</header>
				<ul class="menu-selection">
					<li class="father">Primer plato (1 a elegir):</li>
					<li class="child">Callos</li>
					<li class="child">Lentejas</li>
					<li class="child">Caldo</li>
					<li class="father">Segundo plato (1 a elegir):</li>
					<li class="child">Carne asada</li>
					<li class="child">Pato a la orange</li>
					<li class="child">Bacalao en salsa verde</li>
					<li class="father">Café y postre</li>

				</ul>
			</article>
			<article>
				<header>
					<h4>Spanish menú</h4>
				</header>
				<ul class="menu-selection">
					<li class="father">Primer plato (1 a elegir):</li>
					<li class="child">Callos</li>
					<li class="child">Lentejas</li>
					<li class="child">Caldo</li>
					<li class="father">Segundo plato (1 a elegir):</li>
					<li class="child">Carne asada</li>
					<li class="child">Pato a la orange</li>
					<li class="child">Bacalao en salsa verde</li>
					<li class="father">Café y postre</li>

				</ul>
			</article>
			<article>
				<header>
					<h4>Menús personalizados</h4>
				</header>
				<p>
					Creamos todo tipo de menús configurables. Registrate ya y prueba nuestro configurador.
				</p>
			</article>
		</section>
		<section id="contact" class="content-section hide scrollable-y">
			<article>
				<header>
					<h3>Contacto</h3>
				</header>
				<div class="iframe-rwd">
<iframe style="overflow:hidden;" width="425" height="350"  src="https://maps.google.es/maps/ms?msa=0&amp;msid=215451519958770108893.0004da42473f5949c4262&amp;ie=UTF8&amp;ll=43.33281,-8.411086&amp;spn=0,0&amp;t=m&amp;iwloc=0004da424d0e755beb234&amp;output=embed"></iframe><br />
</div>
<small>Ver <a href="https://maps.google.es/maps/ms?msa=0&amp;msid=215451519958770108893.0004da42473f5949c4262&amp;ie=UTF8&amp;ll=43.33281,-8.411086&amp;spn=0,0&amp;t=m&amp;iwloc=0004da424d0e755beb234&amp;source=embed" style="color:#0000FF;text-align:left">Facultad de Informática da Coruña</a> en un mapa más grande</small>
<p>
	Avda. Alfonso Molina nº 999 Edificio 4 bajo A 
	<br/>
	Tlf: 999-999-999
	<br/>
	<a href="mailto:contacto@fogondelarte.es">contacto@fogondelarte.es</a>

</p>

			</article>
		</section>
		<section id="login" class="content-section hide scrollable-y">
			<article class="login">
				<header>
					<h3>Entrar</h3>
				</header>
				<form class="input-append form-horizontal form-vertical">
					<label>Usuario</label>
					<input type="text" />
					<label>Contraseña</label>
					<input type="password" />	
					<div class="submit">
						<input type="submit" value="ENTRAR" class="btn" />
					</div>
				</form>
				<div>
					<label class="register-lnk">¿No tienes una cuenta? ¡Regístrate!</label>
				</div>
			</article>
			<article class="register">
				<header>
					<h3>Registrarse</h3>
				</header>
				<form class="input-append form-horizontal">
					<label>Usuario*</label>
					<input type="text" placeholder="usuario" />
					<label>Contraseña*</label>
					<input type="password" placeholder="****" />
					<label>Repite la contraseña*</label>
					<input type="password" placeholder="****" />
					<label>Nombre*</label>
					<input type="text" placeholder="nombre" />
					<label>Apellidos*</label>
					<input type="text" placeholder="apellidos" />
					<label>E-mail*</label>
					<input type="email" placeholder="tunombre@dominio.es" />
					<label>Teléfono</label>
					<input type="tel" placeholder="XXX-XXX-XXX" />
					<div class="submit">
						<input type="submit" value="GUARDAR" class="btn btn-block" />
					</div>
				</form>
			</article>
		</section>
		<div id="switch">
			&nbsp;
		</div>

</body>
</html>